 
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>PSM同校任务共享互助平台</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords" content="fly,layui,前端社区">
  <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
  <link rel="stylesheet" href="../../res/layui/css/layui.css">
  <link rel="stylesheet" href="../../res/css/global.css">
  <script src="../../json/vue.min.js"></script>
  <script src="../../json/axios.min.js"></script>
</head>
<body>
<div class="headerpage"></div>


<div class="fly-panel fly-column">
  <div class="layui-container">
    <ul class="layui-clear">
      <li class="layui-hide-xs layui-this"><a href="index.html">首页</a></li> 
      <li><a href="task.html">任务</a></li> 
      <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><span class="fly-mid"></span></li> 
      
      <!-- 用户登入后显示 -->
<!--      <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a href="../user/index.html">我发布的任务</a></li> -->
<!--      <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a href="../user/index.html#collection">我关注的任务</a></li> -->
    </ul> 
    
    <div class="fly-column-right layui-hide-xs">
<!--      <span class="fly-search"><i class="layui-icon"></i></span>-->
      <a href="../user/add.html" class="layui-btn">发表任务</a>
    </div>
    <div class="layui-hide-sm layui-show-xs-block" style="margin-top: -10px; padding-bottom: 10px; text-align: center;"> 
      <a href="../user/add.html" class="layui-btn">发表任务</a>
    </div> 
  </div>
</div>

<div class="layui-container" id="index">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
      <div class="fly-panel">
        <div class="layui-carousel" id="test1" lay-filter="test1">
          <div carousel-item="">
            <div>条目1</div>
            <div>条目2</div>
            <div>条目3</div>
            <div>条目4</div>
            <div>条目5</div>
          </div>
        </div> 
        <div class="fly-panel-title fly-filter">
          <a>紧急</a>
        </div>
        <ul class="fly-list">
          <li v-for = "urgent_mission in urgent_missions">
            <a href="../user/home.html" class="fly-avatar">
              <img src="../../res/images/mission.jpg" alt="贤心">
            </a>
            <h2>
              <a class="layui-badge">任务</a>
              <a v-on:click="goDetail(urgent_mission)" id="title">{{urgent_mission.title}}</a>
            </h2>
            <div class="fly-list-info">
              <span id="end_time">截止时间：{{urgent_mission.endTime}}</span>
              
              <span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻" id="money">金额 {{urgent_mission.money}}</span>
              <!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
              <span class="fly-list-nums"> 
<!--                <i class="iconfont icon-pinglun1" title="完成任务"></i> 66-->
              </span>
            </div>
            <div class="fly-list-badge">
              <!--
              <span class="layui-badge layui-bg-black">置顶</span>
              <span class="layui-badge layui-bg-red">精帖</span>
              -->
            </div>
          </li>
        </ul>
      </div>

      <div class="fly-panel" style="margin-bottom: 0;">
        
        <div class="fly-panel-title fly-filter">
          <a href="" class="layui-this">搜索结果</a>
          <span class="fly-mid"></span>
        </div>

        <ul class="fly-list">          
          <li v-for="search_mission in search_missions">
            <a href="../user/home.html" class="fly-avatar">
              <img src="../../res/images/mission.jpg" alt="贤心">
            </a>
            <h2>
              <a class="layui-badge">任务</a>
              <a v-on:click="goDetail(search_mission)">{{search_mission.title}}</a>
            </h2>
            <div class="fly-list-info">
              <span>截止时间：{{search_mission.endTime}}</span>
              
              <span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻">金额 {{search_mission.money}}</span>
              <!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
              <span class="fly-list-nums"> 
<!--                <i class="iconfont icon-pinglun1" title="完成任务"></i> 66-->
              </span>
            </div>
            <div class="fly-list-badge">
              <!--<span class="layui-badge layui-bg-red">精帖</span>-->
            </div>
          </li>
        </ul>
        <div style="text-align: center">
          <div class="laypage-main">
            <a href="task.html" class="laypage-next">更多任务</a>
          </div>
        </div>

      </div>
    </div>
    <div class="layui-col-md4">

      <div class="fly-panel">
        <h3 class="fly-panel-title">最新任务</h3>
        <ul class="fly-panel-main fly-list-static">
          <li v-for="new_mission in new_missions">
            <a v-on:click="goDetail(new_mission)" target="_blank">{{new_mission.title}}</a>
          </li>
        </ul>
      </div>


<!--      <div class="fly-panel fly-signin">-->
<!--        <div class="fly-panel-title">-->
<!--          签到-->
<!--          <i class="fly-mid"></i> -->
<!--          <a href="javascript:;" class="fly-link" id="LAY_signinHelp">说明</a>-->
<!--          <i class="fly-mid"></i> -->
<!--          <a href="javascript:;" class="fly-link" id="LAY_signinTop">活跃榜<span class="layui-badge-dot"></span></a>-->
<!--          <span class="fly-signin-days">已连续签到<cite>16</cite>天</span>-->
<!--        </div>-->
<!--        <div class="fly-panel-main fly-signin-main">-->
<!--          <button class="layui-btn layui-btn-danger" id="LAY_signin">今日签到</button>-->
<!--          <span>可获得<cite>5</cite>飞吻</span>-->
<!--          -->
<!--          &lt;!&ndash; 已签到状态 &ndash;&gt;-->
<!--          &lt;!&ndash;-->
<!--          <button class="layui-btn layui-btn-disabled">今日已签到</button>-->
<!--          <span>获得了<cite>20</cite>飞吻</span>-->
<!--          &ndash;&gt;-->
<!--        </div>-->
<!--      </div>-->

      <div class="fly-panel fly-rank fly-rank-reply" id="LAY_replyRank">
        <h3 class="fly-panel-title">风云榜</h3>
        <dl>
          <!--<i class="layui-icon fly-loading">&#xe63d;</i>-->
          <dd v-for="user in users">
            <a @click="goHome(user)">
              <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>{{user.username}}</cite><i>{{user.score}}分</i>
            </a>
          </dd>
        </dl>
      </div>

      <dl class="fly-panel fly-list-one">
        <dt class="fly-panel-title">金额排行榜</dt>
        <dd v-for="mission in money_missions">
          <a @click="goDetail(mission)">{{mission.title}}</a>
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
        </dd>


        <!-- 无数据时 -->
        <!--
        <div class="fly-none">没有相关数据</div>
        -->
      </dl>

      <div class="fly-panel">
        <div class="fly-panel-title">
          这里可作为广告区域
        </div>
        <div class="fly-panel-main">
          <a href="" target="_blank" class="fly-zanzhu" style="background-color: #393D49;">虚席以待</a>
        </div>
      </div>
      
      <div class="fly-panel fly-link">
        <h3 class="fly-panel-title">友情链接</h3>
        <dl class="fly-panel-main">
          <dd><a href="http://www.layui.com/" target="_blank">友元网站a</a><dd>
          <dd><a href="http://layim.layui.com/" target="_blank">友元网站b</a><dd>
          <dd><a href="http://layer.layui.com/" target="_blank">友元网站c</a><dd>
          <dd><a href="http://www.layui.com/laydate/" target="_blank">友元网站d</a><dd>
          <dd><a href="mailto:xianxin@layui-inc.com?subject=%E7%94%B3%E8%AF%B7Fly%E7%A4%BE%E5%8C%BA%E5%8F%8B%E9%93%BE" class="fly-link">申请友链</a><dd>
        </dl>
      </div>

    </div>
  </div>
</div>

<div class="fly-footer">
  <p>这里是PSM社区</p>
  <p>
    欢迎您的加入
  </p>
</div>

<script src="../../json/jquery.min.js"></script>
<script src="../../res/layui/layui.js"></script>
<script src="../../json/index/index.js"></script>
<script>
  $(function(){
    //公共部分导航栏
    $(".headerpage").load("../common/header.html");
  });
</script>
<script>
layui.cache.page = '';
layui.cache.user = {
  username: '游客'
  ,uid: -1
  ,avatar: '../../res/images/avatar/00.jpg'
  ,experience: 83
  ,sex: '男'
};
layui.config({
  version: "3.0.0"
  ,base: '../../res/mods/' //这里实际使用时，建议改成绝对路径
}).extend({
  fly: 'index'
}).use('fly');
</script>

<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_30088308'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "w.cnzz.com/c.php%3Fid%3D30088308' type='text/javascript'%3E%3C/script%3E"));</script>

</body>
</html>